<template>
	<div id="start">
		<img src="../../assets/img/image_slogan1.png" class="slogan"/>
		<img src="../../assets/img/gugong_logo.png" class="logo" />
		<img src="../../assets/img/default1.png" class="default1"/>
		<img src="../../assets/img/default2.png" class="default2"/>
		<img src="../../assets/img/default3.png" class="default3"/>
		<img src="../../assets/img/default4.png" class="default4"/>
		<img src="../../assets/img/default5.png" class="default5"/>
	</div>
</template>

<script>
	export default {
		name: 'start',
		components: {

		},
		created() {
			this.timer = setTimeout(()=>{
					this.$router.push({
						path: 'screen',
				})
			},2000);
		},
	}
</script>

<style scoped="scoped" lang="less">
	#start {
		position: relative;
		.slogan{
			width: 0.24rem;
			height: 2.42rem;
			position: absolute;
			top: 2.52rem;
			left: 1.76rem;
		}
		.default1{
			width: 0.63rem;
			height: 0.75rem;
			position: absolute;
			top: 1.29rem;
			left: 3.12rem;
		}
		.default2{
			width: 0.58rem;
			height: 0.64rem;
			position: absolute;
			top: 2.16rem;
			left: 3.17rem;
		}
		.default3{
			width: 0.82rem;
			height: 0.87rem;
			position: absolute;
			top: 4.81rem;
			left: 0;
		}
		.default4{
			width: 0.71rem;
			height: 0.71rem;
			position: absolute;
			top: 5.89rem;
			left: 0;
		}
		.default5{
			width: 3.75rem;
			height: 0.94rem;
			position: absolute;
			bottom: 0;
		}
		.logo{
			position: absolute;
			top: 6.49rem;
			left: 1.64rem;
		}
	}
</style>
